<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../../js/mui.min.js"></script>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/iconfont.css"/>
		<script type="text/javascript" charset="UTF-8">
			mui.init();
		</script>
	</head>

	<body>
		<div class="mui-content">
			<ul id="carlist" class="mui-table-view" style="margin: 0px">
				<li id="car1" class="mui-table-view-cell">
					<div class="mui-checkbox mui-col-xs-2">
						<input id="car1_r" name="car_r" class="class_car" type="checkbox" style="line-height: 100px;line-width: 10px;">
					</div>
					<div id="car1_v" class="mui-media mui-col-xs-10 mui-pull-right">
						<a href="javascript:;">
							<img class="mui-pull-left" style="max-width:100px;height:100px;margin-right: 5px;" src="../images/showlist-0.JPG" alt="展示图" />
							<div class="mui-media-body ">
								<h5 style="line-height:20px;color: black;font-weight:bold;">超级无敌-甜甜圈</h5>
								<h5 style="color: red;">售价：￥<lable id="car1_pay">10</lable></h5>
								<h6>购买数量:</h6>
								<div class="">
									<div class="mui-numbox" data-numbox-min='1' style="width: 110px;height: 30px;">
										<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
										<input id="car1_count" class="mui-input-numbox" type="number" value="1" />
										<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
									</div>
									
									
								</div>
							</div>
						</a>
					</div>
				</li>
				
				<li class="mui-table-view-cell">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red">删除</a>
					</div>
					<div class="mui-slider-handle">
											<div class="mui-checkbox mui-col-xs-2">
						<input id="car1_r" name="car_r" class="class_car" type="checkbox" style="line-height: 100px;line-width: 10px;">
					</div>
					<div id="car1_v" class="mui-media mui-col-xs-10 mui-pull-right">
						<a href="javascript:;">
							<img class="mui-pull-left" style="max-width:100px;height:100px;margin-right: 5px;" src="../images/showlist-0.JPG" alt="展示图" />
							<div class="mui-media-body ">
								<h5 style="line-height:20px;color: black;font-weight:bold;">超级无敌-甜甜圈</h5>
								<h5 style="color: red;">售价：￥<lable id="car1_pay">10</lable></h5>
								<h6>购买数量:</h6>
								<div class="">
									<div class="mui-numbox" data-numbox-min='1' style="width: 110px;height: 30px;">
										<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
										<input id="car1_count" class="mui-input-numbox" type="number" value="1" />
										<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
									</div>									
								</div>
							</div>
						</a>
					</div>
					</div>
				</li>
			</ul>
		</div>
	</body>
<script type="text/javascript">

		var btnArray = ['确认', '取消'];
	mui.init();
//	(function($) {
//						$('#carlist').on('tap','.mui-btn-red', function(event){
//			var myUl = document.getElementById('carlist');
//			var myLi = this.parentNode.parentNode;
//			mui.confirm('确认删除该记录？','Hello MUI',btnArray,function(e){
//				if (e.index == 0) {
//					myUl.removeChild(myLi);
//				} else{
//					setTimeout(function(){
//						$.swipeoutClose(myLi);
//					},0);
//				}
//			});
//		});
//	})(mui);
	

	
		mui('#carlist').on('tap','.mui-btn-red', function(){
			var myUl = document.getElementById('carlist');
			var myLi = this.parentNode.parentNode;
			mui.confirm('确认删除该记录？','',btnArray,function(e){
				if (e.index == 0) {
					myUl.removeChild(myLi);
				} else{
					setTimeout(function(){
						mui.swipeoutClose(myLi);
					},0);
					
				}
			});
		});
</script>
</html>